<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="page/common/taglibs.jsp" %>
<%
	response.setHeader("Pragma", "No-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setDateHeader("Expires", 0);
%>
<html>
	<head>
		<title>simple portal</title>
		<jsp:include page="/page/common/include.jsp"></jsp:include>		
		<script type="text/javascript">
			$(document).ready(function(){
				 $('#menuTree').tree({
					onClick: function(node){
						var b = $('#menuTree').tree('isLeaf', node.target);
						if (b) {
							$("#contentDiv").mask();
							$("#contentFrame").attr("src", node.attributes.url);
							$("#contentDiv").siblings(".panel-header").children(".panel-title").html(node.text);
							setTimeout(fun,500);
						}
					 }
				});
			});
			
			function fun(){
				$("#contentDiv").mask("hide");
			}
		</script> 
	</head>

	<body class="easyui-layout">
	    <!-- head -->
		<div data-options="region:'north',border:false" style="height:60px;overflow: hidden;">
			<iframe id="headerFrame" scrolling="no" width="100%" height="100%" frameborder="0"
				src="<%=request.getContextPath() %>/system/headerAction.do" >
			</iframe>
		</div>
		
		<!-- menu -->
		<div data-options="region:'west',split:true,title:'&nbsp;菜单栏'" style="width:230px;padding:5px;">
			<div style="margin:5px 0;">
				<ul id="menuTree" class="easyui-tree" data-options="url:'<%= request.getContextPath() %>/system/menuAction.do',animate:true"></ul>  
			</div>
		</div>
		
		<!-- center -->
		<div id="contentDiv" data-options="region:'center',title:'首页'" style="overflow: hidden;">
			<iframe id="contentFrame" scrolling="auto" width="100%" height="100%" frameborder="0"
				src="<%=request.getContextPath() %>/system/welcomeAction.do" >
			</iframe>
		</div>
		
		<!-- bottom -->
		<div data-options="region:'south',border:false" style="height:30px;overflow: hidden;">
			<iframe id="contentFrame" scrolling="no" width="100%" height="100%" frameborder="0"
				src="<%=request.getContextPath() %>/system/bottomAction.do" >
			</iframe>
		</div>
		
	</body>
</html>